<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>可视化采集平台</title>
    <link rel="stylesheet" href="/static/lib/bootstrap-3.3.7/css/bootstrap.css">
    <link rel="stylesheet" href="/static/lib/jquery.bootstrapvalidator/bootstrapValidator.css">
    <!--<link rel="stylesheet" href="/static/css/devtools_scraper_panel.css">-->
    <link rel="stylesheet" href="/static/css/content_script.css">
    <link href="/static/favicon.ico" type="image/x-icon" rel="shortcut icon" >
    <!--<script src="/static/lib/jquery-2.1.4.min.js"></script>-->
    <script src="/static/lib/jquery-2.0.3.js"></script>
    <script src="/static/lib/pouchdb-nightly.min.js"></script>
    <script src="/static/lib/bootstrap-3.3.7/js/bootstrap.js"></script>
    <script src="/static/lib/jquery.bootstrapvalidator/bootstrapValidator.js"></script>
    <script src="/static/lib/d3.v3.js" charset="UTF-8"></script>
    <script src="/static/lib/ICanHaz.js"></script>
    <script src="/static/lib/base64.js"></script>
    <script src="/static/lib/sugar-1.4.1.js"></script>

    <link rel="stylesheet" href="/static/css/work-style.css">
    <!--<script src="/static/js/work.js"></script>-->

    <script src="/static/lib/jquery.whencallsequentially.js"></script>
    <script src="/static/lib/css-selector/lib/CssSelector.js"></script>
    <script src="/static/scripts/ElementQuery.js"></script>
    <script src="/static/scripts/ContentScript.js"></script>
    <script src="/static/scripts/ContentSelector.js"></script>
    <script src="/static/scripts/DataExtractor.js"></script>
	<script src="/static/scripts/Config.js"></script>
	<script src="/static/scripts/Selector.js"></script>
	<script src="/static/scripts/SelectorList.js"></script>
	<script src="/static/scripts/Selector/SelectorElement.js"></script>
	<script src="/static/scripts/Selector/SelectorLink.js"></script>
	<script src="/static/scripts/Selector/SelectorPopupLink.js"></script>
	<script src="/static/scripts/Selector/SelectorGroup.js"></script>
	<script src="/static/scripts/Selector/SelectorText.js"></script>
	<script src="/static/scripts/Selector/SelectorImage.js"></script>
	<script src="/static/scripts/Selector/SelectorHTML.js"></script>
	<script src="/static/scripts/Selector/SelectorElementAttribute.js"></script>
	<script src="/static/scripts/Selector/SelectorTable.js"></script>
	<script src="/static/scripts/Selector/SelectorElementScroll.js"></script>
	<script src="/static/scripts/Selector/SelectorElementClick.js"></script>
	<script src="/static/scripts/Sitemap.js"></script>
	<script src="/static/scripts/SelectorGraph.js"></script>
	<script src="/static/scripts/SelectorGraphv2.js"></script>
	<script src="/static/scripts/Store.js"></script>
	<script src="/static/scripts/StoreDevtools.js"></script>
	<script src="/static/scripts/Controller.js"></script>
</head>

<body>
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">Tornado-Scrapy</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a class="cursor-pointer" href="{{ reverse_url('index') }}">采集任务</a></li>
                    <li><a class="cursor-pointer" href="{{ reverse_url('config') }}">新增任务</a></li>
                    <li><a class="cursor-pointer" href="{{ reverse_url('data') }}">采集数据</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a id="arachnado-connection-monitor"></a></li>
                    <li id="arachnado-process-stats"></li>
                    <li><a href="{{ reverse_url('help') }}">Help</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid">
        <div class="row">
            <ol class="breadcrumb">
                <li><a href="{{ reverse_url('index') }}">采集任务</a></li>
                <li><a href="{{ reverse_url('config') }}">请求配置</a></li>
                <li class="active">参数配置</li>
            </ol>
            <!-- iframe主体 -->
            <iframe name="collect" src="/static/spider/start.html"></iframe>
        </div>
    </div>
    <!-- 配置栏 -->
    <div class="sidebar">
        <!-- 自由拖动 -->
        <!--<div class="expander"></div>-->
    </div>
    <!-- 浮动框 -->
    <!--<div class="float-frame">-->
        <!--<div class="show-element">-->
            <!--<div>-->
                <!--<span id="path"></span>-->
                <!--<button class="glyphicon glyphicon-arrow-right button" id="button-position"></button>-->
            <!--</div>-->
            <!--<div class="attribute" id="attr">-->
                <!--<span>content: </span>-->
                <!--<span></span>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!-- 弹窗 -->
    <!--<div class="select-view"></div>-->
    <script>
        window.CONFIG_DATA = JSON.parse('{% raw config_data %}');
    </script>
    <script>
        $(function (){
            var store = new StoreDevtools();
            new SitemapController({
                store: store,
                templateDir: 'views/'
            });
            $('iframe').css({"width": '100%', "height": "580px"});
        })
    </script>
</body>